@charset "UTF-8";
@media screen and (min-width: 1024px) and (max-width: 1170px){body{overflow-x: hidden}
.box, article{width: 100%;}
.ad-big, .left-box, .page-box{width: 68%;}
.ad-small{width: 31%}
.qq_join li section{margin: 0}
.right-box{width: 31%}}
@media screen and (min-width: 960px) and (max-width: 1023px){body{overflow-x: hidden}
.box, article{width: 960px;}
#starlist li{margin-right: 0}
.ad-big, .left-box{width: 68%;}
.ad-small, .right-box{width: 31%}
.pics-list-price li i{height: 120px; line-height: 120px}
.page-title{width: 23%}
.page-box{width: 70%}
.qq_join li{width: 40%;}
.qq_join li section{margin: 0;}
.pic-list-img li:first-child i{height: 265px; line-height: 265px;}
.pic-list-img li i{height: 110px; line-height: 110px;}
.mp-pics ul li a{height: 90px; line-height: 90px;}
.product-suiji li{width: 33.333%}
.product-suiji li:last-child{display: none}
.product{margin: 0 10px}} @media screen and (min-width: 840px) and (max-width: 959px){body{overflow-x: hidden}
.box, article{width: 100%;}
nav #starlist{width: 100%}
#starlist li{margin-right: 0; width: 10%}
#starlist li a{padding: 0 10px;}
.banner{width: 56%}
.headline-box{width: 42%}
.ad-big, .left-box{width: 68%;}
.ad-small, .right-box{width: 31%}
.pic-list-img li:first-child i{height: 225px; line-height: 225px;}
.pic-list-img li i{height: 90px; line-height: 90px;}
.pics-list-price li i{height: 110px; line-height: 110px}
.pics-list-price li a{margin: 0 2px}
.videos-list li i{height: 110px}
.page-title{width: 23%}
.page-box{width: 68%}
.qq_join li{width: 45%;}
.qq_join li section{margin: 0;}
.down-list li h2 span{display: none}
.down-list li h2{margin-right: 0}}
@media screen and (max-width: 839px){body{overflow-x: hidden}
.box, article{width: 100%;}
.toolbar-open, .toolbar{top: 40%}
.logo-section{margin-top: 40px}
.topnav{position: fixed; top: 0; z-index: 9; background: rgba(0,0,0,.6); border-top: #1487f4 40px solid;}
nav #starlist{width: 100%;}
nav{width: 100%;}
#mnavh{display: block; top: -40px; position: absolute; right: 0;}
#starlist{display: none}
#starlist li{width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid;}
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover{color: #1487f4; background: #fff;}
#starlist li a{text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0;}
#starlist ul.sub{background: none; width: 100%; display: block; position: initial; padding: 0}
#starlist ul.sub:before{display: none}
#starlist ul.sub li{border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important;}
#starlist ul.sub li:first-child{border-top: #eee 1px solid}
#starlist ul.sub li a{display: block; padding-left: 10px; text-indent: 3em;}
#starlist ul.sub li:hover a, #starlist li:hover a{background: none}
#starlist ul.sub li #selected{color: #000 !important}
.menu:after{top: 12px; right: 7px; width: 26px; height: 22px; background: url(../img/jt.png) no-repeat center;}
.menu:hover:after{transform: rotate(180deg); top: 16px;}
.menu span{display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid;}
#starlist li:last-child{padding-bottom: 100%;}
#starlist ul.sub li:last-child{padding-bottom: 0}
.toolbar-open{display: none}
.banner{width: 50%}
.headline-box{width: 48%}
.tuijian-news-list ul li{margin-bottom: 10px}
.tuijian-news-pic i{height: 140px}
.ad-big, .left-box{width: 68%;}
.ad-small, .right-box{width: 31%}
.pic-list-img li:first-child i{height: 205px; line-height: 205px;}
.pic-list-img li i{height: 80px; line-height: 80px;}
.videos-list li i{height: 110px;}
.down-list li h2{margin-right: 0}
.down-list li h2 span{display: none}
.tags ul a{width: 14%}
.tags ul a:nth-child(n+22){display: none}
.blogs-list li i{width: 140px; height: 90px;}
.middle-inner{display: block}
.lanmu-keywords{margin-top: 20px; clear: both;}
#sidetab{margin: 20px 10px 0}
.down-view{overflow: hidden}
.down-view .btn-blue a{display: block; position: static; float: right;}
.pics-list-box li a, .pics-list-price li a{margin: 0 5px 5px}
.pics-list-box li i{height: 110px;}
.mp-pics ul li a{height: 70px; line-height: 70px}
.pics-list-price li i{height: 110px; line-height: 110px}
.page-box{width: 55%;}
.qq_join li{width: 50%; padding: 10px 0}
.qq_join li section{margin: 0 5px}
.product{width: 45%}
.product-suiji li{width: 33.333%}
.product-suiji li i{height: 90px; line-height: 90px;}
.product-suiji li:last-child{display: none}
.topnav h2{display: block}
.is-search{display:block}}
@media screen and (max-width: 768px){.left-box{width: 100%}
aside{width: 0 !important; height: 0 !important;}
.down-view .btn-blue a{display: block; position: absolute; float: none;}
.mp-pics ul li a{height: 110px; line-height: 110px;}
.page-title{width: 30%; float: left;}
.page-box{width: 60%;}}
@media screen and (max-width: 700px){.logo-section{display: none}
article{margin-top: 30px}
.banner{width: 100%; height: 100%;margin-bottom:-20px;}
.headline-box{width: 100%;}
.tuijian-news-list ul li{width: 100%;}
.tuijian-news-list ul li:nth-child(n+4){display: none}
.videos-list li i{height: 90px;}
.down-list li:hover .d-list-hover{display: none;}
.pics-list-price li{width: 33.3333%}}
@media screen and (max-width: 480px){.search-page .search{margin-right: 10px; width: 80%;}
.search-page .search input.input_text{width: 76%;}
.search-page .search input.input_submit{background: none;}
.gd-box{overflow-x: scroll;}
#tab{width: 800px;}
.tab-a-more{display: none;}
.whitebg{border: none; overflow: hidden;}
.news-title{margin: 10px 0}
.news-title h2{width: fit-content; padding-left: 10px}
.news-title h2:after{left: 10px; width: 90%}
#tab{margin: 10px 0}
#tab-content{margin: 0; padding: 0 10px}
.tuijian-news-pic{width: 100%; margin-top: 10px;}
.btn-blue-border{display: none}
.tuijian-news-pic i{height: auto;}
.tuijian-news-pic i img{margin: auto; max-width: 100%;}
.tuijian-news-pic i span{display: none}
.tuijian-news-pic h2{margin: 5px 0}
.tuijian-news-pic p{-webkit-line-clamp: 2; height: 40px;}
.tuijian-news-list{width: 100%; margin: 20px 0;}
.tuijian-news-list ul li a{margin: 0}
.ad-big{width: 100%;}
.ad-small{display: none}
.blogs-list li span{width: 100%}
.pic-list-img li:first-child{width: 100%;}
.pic-list-img li:first-child i{height: auto; line-height: 100%;}
.pic-list-img li{width: 50%; margin-bottom: 10px;}
.pic-list-img li a{margin: 0 5px}
.pic-list-img li span{text-align: left; font-size: 12px; margin-top: 0; line-height: 20px;}
.pic-list-img li i{height: 110px; line-height: 100%;}
.pic-list-img li i img{}
.pic-list-img li:nth-child(n+6){display: none}
.pic-list-img{padding-bottom: 10px; overflow: hidden;}
.news-zuixin-pic{width: 60px; height: 60px;}
.news-zuixin-pic img{height: 60px;}
.news-zuixin li{width: 100%}
.news-zuixin p{font-size: 12px}
.news-zuixin li:nth-child(n+5){display: none}
.videos-list li{width: 50%}
.videos-list li:nth-child(n+7){display: none}
.videos-list li a{margin: 0 3px}
.videos-list li i{}
.videos-list li h2{font-size: 12px; overflow: hidden; background-size: 20px; line-height: 20px;}
.videos-list li p{display: none}
.wenzi-left{width: 100%}
.wenzi-right{display: none}
.down-list li{width: 100%}
.down-list li:nth-child(n+7){display: none}
.tags ul a{width: 33.333%;}
.tags ul a:nth-child(n+13){display: none}
.blank{height: 10px;}
.ad{margin: 10px 0;}
.wxbox{width: 100%;text-align: center;margin-bottom: 20px;display: none;}
.wxbox li{float: none; display: inline-block}
.endnav b{display: none}
.endnav{text-align: center; padding: 0 20px;}
.topnav h2{display: block}
.blogs-box{overflow: hidden}
.hnav, .weizhi{display: none}
.share{display: block}
.share img{float: none; margin: 10px auto;}
.share-text{padding: 0 10px; word-break: break-all;}
.info-pre-next ul li{width: 100%; overflow: hidden; float: none; margin-bottom: 10px; border-bottom: #eee 1px solid; padding-bottom: 10px;}
.info-pre-next ul li:last-child{border-bottom: none}
.info-pre-next ul li:nth-child(1) a{margin-right: 0;}
.info-pre-next ul li:nth-child(2) a{margin-left: 0;}
.otherlink, .pinglun-box{overflow: hidden}
.otherlink ul li{width: 100%}
.down-view .btn-blue a{position: static; margin: 10px auto 0;}
.down-view .down-info{width: 100%; clear: both; font-size: 12px;}
.down-view i{margin-bottom: 10px}
.down-links ul li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.down-otherlink ul li{width: 100%}
.plr20{padding: 0 10px;}
#tab li:hover:after, #tab li.tab-current:after{left: 10px; width: 66px;}
.pics-list-box li{width: 50%}
.mp-pics ul li a{height: 70px; line-height: 70px;}
.mp-pics ul li a img{height: 70px; width: auto;}
.pics-list-price li{width: 50%; margin-bottom: 10px;}
.shopview{width: 90%; padding: 0; border: 0; margin: auto; float: none;}
.product{padding: 0 20px; margin-right: 0; float: none; width: 90%;}
.product-suiji li{width: 50%;}
.product-suiji li i{height: 110px; line-height: 110px;}
.product-suiji li:nth-child(n+3){display: none}
#pageContents{overflow-x: scroll;}
#pageContents ul{width: 800px;}
.page-title{width: 100%; float: left;}
.page-box{width: 100%; margin-left: 0; padding-left: 0; border: none; margin-top: 10px;}
.page-title li{width: 100px; float: left; margin-right: 10px}
.qq_join li{width: 50%; padding: 0; margin: auto; float: none; float: left;}
.qq_join li section{margin: 0; padding: 0; box-shadow: none; font-size: 12px;}
.qq_join li p{margin: 0; padding-left: 5px;}
.qq_join li img{width: 140px; height: 140px}
.blogs-list ul li{padding-bottom: 0;}
.blogs-list li i{width: 120px; height: 80px;}
.blogs-list li h2{font-size: 16px; white-space: inherit; overflow: hidden; margin-top: 0;}
footer{padding: 30px 0 0px;}
.headline-news{overflow: hidden; padding: 17px 20px 20px;}
.endmenu{display: block}
.swiper-container{height: auto !important;}
a.btn-add{margin: auto}
.videos-list .viewd, .wenzi-list li span{display: none}
.tags ul, .links ul{margin: 0 10px 10px;}
span.po-classname, .po-view{display: none}
.news-title-h1{font-size: 18px;}
.info-pre-next em{line-height: 70px; font-size: 12px;}
.info-pre-next ul li i{width: 70px; height: 70px;}
.info-pre-next img{height: 70px; width: auto}
.newstext-box{padding: 0 20px 0;}
.info-pre-next{margin: 10px 0;}
.lanmu i{height: 70px; margin-right: 10px; width: auto;}
.lanmu i img{}
.lanmu{padding: 10px;}
.lanmu h1{font-size: 18px; margin-bottom: 5px;}
.lanmu-keywords{margin-top: 10px;}
.down-view h1{font-size: 15px; margin-top: 10px;}
.down-view{padding: 10px}
.down-view .down-info em{margin-right: 10px}
.mp-info{display: none}
.wztitle-list li span{display: none}
.pics-list-price span.pics-btn, .pics-list-price li p{display: none;}
.pics-list-price li h2{line-height: 20px; font-size: 14px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; white-space: inherit; height: 40px;}
.pics-list-price li i{height: 100px; line-height: 100px;}}
@media screen and (max-width: 800px){.footer{z-index:999;margin-bottom:70px;} .menu115{display: block;position:fixed;bottom: 0;width: 100%;height: 45px;color: #ffffff;background-color: #2196F3;} .subMenu{width: 33.333333%; float: left; cursor: pointer;} .menu115_name{height: 30px;width: 100%;color: #fff;line-height: 20px;} img.menu115_img{height: 24px; width: 24px;} img{vertical-align: middle; border: 0;} .active{color: #FFA129;} .text-center{text-align: center}
/* 弹窗 */
.modal{display: none; /* 默认隐藏 */ position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s}
/* 弹窗内容 */
.modal-content{margin-bottom:-10px; position: fixed; bottom: 0; background-color: #fefefe; width: 100%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s}
/* 关闭按钮 */
.close{position: absolute; width: 100%; bottom: 30px; left: 0px; text-align: center; color: #000; font-size: 28px; font-weight: bold;}
.close:hover,
.close:focus{color: #000; text-decoration: none; cursor: pointer;}
.modal-header{margin-top: 10px; margin-bottom:10px; padding: 25px; border-bottom: 0px solid #e5e5e5;}
.modal-body{padding: 2px 16px;}
.modal-footer{padding: 2px 16px; background-color: #5cb85c; color: white;}
/* 添加动画 */
@-webkit-keyframes slideIn{from{bottom: -300px; opacity: 0} to{bottom: 0; opacity: 1}}
@keyframes slideIn{from{bottom: -300px; opacity: 0} to{bottom: 0; opacity: 1}}
@-webkit-keyframes fadeIn{from{opacity: 0} to{opacity: 1}}
@keyframes fadeIn{from{opacity: 0} to{opacity: 1}}
.findPopup .findContent{width: 100%; background-color: #fff; padding-bottom: .666667rem;}
.findPopup .findContent dl{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: .8rem;}
.findPopup .findContent dl dd{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; text-align: center; margin-bottom: .666667rem;}
.findPopup .findContent dl div{display: inline-block;}
.findPopup .findContent dl img{width: 40px; height: 40px;}
.findPopup .findContent dl p{text-align: center; font-size: 15px; margin-top: 5px;}} 